$(document).ready(function(){
    list_city();//城市列表    
    addTitle();
    
})
// 动态添加城市数据
    //动态添加城市类别
    var cityTitle=[
        {name:"热门",id:"hot"},
        {name:"ABCDEF",id:"abcdef"},
        {name:"GHJK",id:"ghjk"},
        {name:"LMNPQ",id:"lmnpq"},
        {name:"RSTW",id:"rstw"},
        {name:"XYZ",id:"xyz"}    
    ];
    function addTitle(){
        let str="";
        for(i=0;i<cityTitle.length;i++){
            str+="<li data-id="+cityTitle[i].id+">"+cityTitle[i].name+"</li>";
        }
        $(".classify ul").append(str);
        $(".classify li")[0].className="checkedCity";
    }
    // 动态添加热门城市
    function hot_city(data){
        $(".choseCity").find("ul").remove();
        var str='<ul class="clearfix" data-id="hot">';
        for(i=0;i<data.hot.length;i++){
            str+='<li class="data-item" data-id="hot">'+data.hot[i].cityName+'</li>';
            // console.log(data.hot[i].cityName);
        }
        $(".choseCity").append(str);
    }
    // 动态添加城市列表
    function list_city(){
        $(".classify ul").on("mouseover","li",function(){
            $(this).parent().children().removeClass("checkedCity");
            $(this).addClass("checkedCity");
            var eachCity=[];
            var cityStr='<ul class="clearfix" data-id="'+ $(this).attr("data-id") +'">';
            if( $(this).attr("data-id")=="hot" ){
                for(i=0;i<cityAll.hot.length;i++){
                    cityStr+='<li data-id="hot">'+cityAll.hot[i].cityName+'</li>';
                }
            }else{
                for(let i in cityAll.cityList){
                    if($(this).attr("data-id").indexOf(cityAll.cityList[i][0].cityFirstLetter) >=0 ){
                        eachCity.push(cityAll.cityList[i]);
                    }
                }
                for(i=0;i<eachCity.length;i++){
                    for(j=0;j<eachCity[i].length;j++){
                        cityStr+='<li>'+eachCity[i][j].cityName+'</li>';
                    }
                }
            }
            cityStr+='</ul>';
            $(".choseCity").find("ul").remove();
            $(".choseCity").append(cityStr);
            
            $(".choseCity li").on("mouseover",function(){
                $(this).addClass("checkedCity");
                $(this).siblings().removeClass("checkedCity");
            })
        })
        
    }